/*----------------------------------------------------------------------------------- 
  EFFECT (in reality, eveything should be under some class name like ".radioGroup"
-----------------------------------------------------------------------------------*/
label{
  	cursor: pointer;
    padding-left: 60px;
    padding-top: 17px;
    position: relative;
    transition: all 0.2s ease 0s;
}
label:hover{ color:#FFF; }
label::before, label::after{ content:''; position:absolute; top:50%; margin-top:-11px; left:0; width:40px; height:40px; border-radius:20px; }
label::before{ box-shadow:0 1px 0 rgba(255,255,255,0.25), 0 2px 5px 6px rgba(230, 230, 230,.5) inset; }
label::after{ background:#79EAC5; opacity:.2; -webkit-transform:scale(0); transform:scale(0); transition:0.3s; }
label:hover::after{ -webkit-transform:scale(0.6); transform:scale(0.6); opacity:1; transition:0.2s; }
input:checked + label::after{ -webkit-transform:scale(0.7); transform:scale(0.8); opacity:1; box-shadow:0 0 15px -1px #79EAC5; }


/*---------------------------- 
  PAGE RESET 
-----------------------------*/
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v7/Zd2E9abXLFGSr9G3YK2MsFzqCfRpIA3W6ypxnPISCPA.woff) format('woff');
}


fieldset label{ margin:0 20px; }